// The Vue build version to load with the `import` command
// (runtime-only or standalone) has been set in webpack.base.conf with an alias.
import 'bootstrap/dist/css/bootstrap.css'
import 'bootstrap-vue/dist/bootstrap-vue.css'
import Vue from 'vue'
import App from './App'
import router from './router'
import BootStrapVue from 'bootstrap-vue'
import globalVariable from './common/global'
import axios from 'axios'
import ShowMsg from './common/ShowMsg.vue'

Vue.prototype.$global = globalVariable
Vue.prototype.$axios = axios

Vue.use(BootStrapVue)

Vue.config.productionTip = false
Vue.component(ShowMsg.name, ShowMsg)
Vue.directive('msg', {
  inserted: function (e1, binding) {
  },
  update: function (e1, binding) {
    // console.log('update')
    // console.log(binding)
  }
})
/* eslint-disable no-new */
new Vue({
  el: '#app',
  router,
  components: { App },
  template: '<App/>',
  data: {
    showMsg: true,
    content: ''
  },
  watch: {
    showMsg: function (newValue, oldValue) {
      console.log(newValue, oldValue)
    }
  },
  methods: {
    details: function () {
      return this.site + '------'
    }
  },
  computed: {
  }
})
